import React, { Component } from 'react'
import { Route, Redirect, Switch } from 'react-router-dom'
import Tab from './containers/Tab'
import Header from './containers/Header'
import Medical from './pages/Medical'
import Appointment from './pages/Medical/Appointment'
import Monitoring from './pages/Medical/Monitoring'
import Info from './pages/Medical/Info'
import Profile from './pages/Profile'
import Login from './pages/Profile/Login'
import Doctor from './pages/Doctor'

export default class App extends Component {
  render() {
    return (
      <>
        <Header></Header>
        <Switch>
          <Route path="/medical/appointment" component={Appointment}></Route>
          <Route path="/medical/monitoring" component={Monitoring}></Route>
          <Route path="/medical/info" component={Info}></Route>
          <Route path="/medical" component={Medical}></Route>
          <Route path="/profile/login" component={Login}></Route>
          <Route path="/profile" component={Profile}></Route>
          <Route path="/doctor" component={Doctor}></Route>
          <Redirect to="/profile"></Redirect>
        </Switch>
        <Tab></Tab>
      </>
    )
  }
}
